@include b(search-display-bar) {
  width: 100%;
  display: flex;
  padding-right: 22px;
  margin-bottom: 10px;
  padding-left: 16px;
  @include e('left') {
    flex: 0;
    min-width: 85px;
    opacity: 0.8;
  }
  @include e('content') {
    flex: 1;
    width: calc(100% - 200px);
    overflow-x: auto;
    margin-right: 15px;
    @include e('content--container') {
      width: max-content;
      overflow-x: auto;
    }
    @include e('item') {
      display: inline-block;
      border: 1px solid getCssVar('color', 'primary');
      padding: 1px 5px 1px 5px;
      border-radius: 5px;
      margin-right: 16px;
      height: 30px;
      line-height: 25px;
      color: getCssVar('color', 'primary');
      background-color: getCssVar(color, primary, light, default);
      .selectitem-del {
        vertical-align: middle;
        margin-left: 6px;
        margin-bottom: 2px;
        cursor: pointer;
      }
    }
  }
  @include e('right') {
    flex: 0;
    min-width: 100px;
    color: getCssVar(color, text, 3);
    cursor: pointer;
  }
  @include e('right--disabled') {
    opacity: 0.8;
  }
}
